<script setup>
</script>

<template>
  <div class="other-login">
    <fieldset>
      <legend>第三方登录</legend>
      <div class="other-content">
        <i class="iconfont icon-QQ"></i>
        <i class="iconfont icon-weixin"></i>
        <i class="iconfont icon-zhifubao"></i>
        <i class="iconfont icon-weibo"></i>
      </div>
    </fieldset>
    <div class="other-title"></div>
  </div>
</template>

<style lang="scss">
.other-login {
  padding-top: 10px;
  width: 80%;
  margin: 0 auto;
  fieldset {
    text-align: center;
    border: none;
    border-top: 1px solid #eee;
    padding-top: 15px;

    legend {
      padding: 0 10px;
    }


    .other-content{
      display: flex;
      justify-content: space-between;


      .iconfont{
        font-size: 25px;
      }
    }
  }
}
</style>
